<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>行情</title>
    <link rel="stylesheet" href="./assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="./assets/css/lib.common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./assets/css/app.css">
    <script src="./assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="./assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="./assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body class="bg-blue">
<!-- 底部导航条start -->
<nav class="mui-bar mui-bar-tab">
    <a url="./首页.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_home_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_home_uncheck.png">
        </div>
        <div class="mui-tab-label">首页</div>
    </a>
    <a class="mui-tab-item mui-active">
        <div class="p_y2">
            <img src="./assets/image/hdpi-v4/icon_market_checked.png">
            <!--<img src="./assets/image/hdpi-v4/icon_market_uncheck.png">-->
        </div>
        <div class="mui-tab-label">行情</div>
    </a>
    <a url="./交易-币币.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_deal_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_deal_uncheck.png">
        </div>
        <div class="mui-tab-label">交易</div>
    </a>
    <a url="./个人中心.html" class="mui-tab-item">
        <div class="p_y2">
            <!--<img src="./assets/image/hdpi-v4/icon_mine_checked.png">-->
            <img src="./assets/image/hdpi-v4/icon_mine_uncheck.png">
        </div>
        <div class="mui-tab-label">个人</div>
    </a>
</nav>
<!-- 底部导航条start -->

<!-- 头部状态栏start -->
<header class="mui-bar mui-bar-nav hangqing-head-bar">
    <h1 class="mui-title white bold">
        行情
        <a href="#" class="f_r head-bar-search">
            <img src="./assets/image/xhdpi-v4/search.png">
        </a>
    </h1>
</header>
<!-- 头部状态栏end -->

<div class="mui-row hangqing-nav">
    <div class="mui-col-xs-12 mui-col-sm-12 p_x10 p_y15 hangqing-nav-content">
        <a href="#">自选</a>
        <a href="#" class=" active">全部</a>
        <a href="#">主流区</a>
    </div>

</div>
<div class="mui-row hangqing-content">
    <div class="mui-col-xs-12 mui-col-sm-12 p_t15 hangqing-content-head">
        <div class="mui-slider">
            <div class="mui-scroll-wrapper mui-segmented-control mui-segmented-control-inverted">
                <a class="mui-control-item mui-active" href="#item1">
                    USDT
                </a>
                <a class="mui-control-item" href="#item2">
                    BTC
                </a>
                <a class="mui-control-item" href="#item3">
                    ETH
                </a>
            </div>

            <div class="mui-slider-group p_y10">

                <!--USDT-->
                <div id="item1" class="mui-slider-item mui-control-content mui-active">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <!--<p class="no-data">暂无数据</p>-->
                            <table class="table hangqing-jiaoyi">
                                <thead>
                                <tr class="line30">
                                    <th class="text-center black normal font12">
                                        <a href="#">
                                            名称
                                            <img class="icon" src="./assets/image/mdpi-v4/line1.png" alt="默认">
                                            <!--<img class="icon" src="./assets/image/mdpi-v4/down.png" alt="正序">-->
                                            <!--<img class="icon" src="./assets/image/mdpi-v4/top1.png" alt="倒序">-->
                                        </a>
                                    </th>
                                    <th class="text-center black normal font12">
                                        <a href="#">
                                            最新价
                                            <!--<img class="icon" src="./assets/image/mdpi-v4/line1.png" alt="默认">-->
                                            <img class="icon" src="./assets/image/mdpi-v4/down.png" alt="正序">
                                            <!--<img class="icon" src="./assets/image/mdpi-v4/top1.png" alt="倒序">-->
                                        </a>
                                    </th>
                                    <th class="text-center black normal font12">
                                        <a href="#">
                                            涨跌幅
                                            <!--<img class="icon" src="./assets/image/mdpi-v4/line1.png" alt="默认">-->
                                            <!--<img class="icon" src="./assets/image/mdpi-v4/down.png" alt="正序">-->
                                            <img class="icon" src="./assets/image/mdpi-v4/top1.png" alt="倒序">
                                        </a></th>
                                </tr>
                                </thead>
                                <tbody class="bg-white">
                                <tr>
                                    <td class="text-center p_t10">
                                        <div class="line20">
                                            <span class="bold font13">BTC<span
                                                    class="normal font13 dark">/USDT</span></span>
                                        </div>
                                        <p class="dark line20 font12">24H 量/21991.359</p>
                                    </td>
                                    <td class="text-center p_t10">
                                        <div class="line20">10171.00</div>
                                        <p class="dark line20 font12">≈69162.80CNY</p>
                                    </td>
                                    <td class="text-center ">
                                        <button type="button" class="mui-btn btn-green">+2.94%</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center p_t10">
                                        <div class="line20">
                                            <span class="bold font13">BTC<span
                                                    class="normal font13 dark">/USDT</span></span>
                                        </div>
                                        <p class="dark line20 font12">24H 量/21991.359</p>
                                    </td>
                                    <td class="text-center p_t10">
                                        <div class="line20">10171.00</div>
                                        <p class="dark line20 font12">≈69162.80CNY</p>
                                    </td>
                                    <td class="text-center ">
                                        <button type="button" class="mui-btn btn-green">+2.94%</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center p_t10">
                                        <div class="line20">
                                            <span class="bold font13">BTC<span
                                                    class="normal font13 dark">/USDT</span></span>
                                        </div>
                                        <p class="dark line20 font12">24H 量/21991.359</p>
                                    </td>
                                    <td class="text-center p_t10">
                                        <div class="line20">10171.00</div>
                                        <p class="dark line20 font12">≈69162.80CNY</p>
                                    </td>
                                    <td class="text-center ">
                                        <button type="button" class="mui-btn btn-green">+2.94%</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center p_t10">
                                        <div class="line20">
                                            <span class="bold font13">BTC<span
                                                    class="normal font13 dark">/USDT</span></span>
                                        </div>
                                        <p class="dark line20 font12">24H 量/21991.359</p>
                                    </td>
                                    <td class="text-center p_t10">
                                        <div class="line20">10171.00</div>
                                        <p class="dark line20 font12">≈69162.80CNY</p>
                                    </td>
                                    <td class="text-center ">
                                        <button type="button" class="mui-btn btn-green">+2.94%</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center p_t10">
                                        <div class="line20">
                                            <span class="bold font13">BTC<span
                                                    class="normal font13 dark">/USDT</span></span>
                                        </div>
                                        <p class="dark line20 font12">24H 量/21991.359</p>
                                    </td>
                                    <td class="text-center p_t10">
                                        <div class="line20">10171.00</div>
                                        <p class="dark line20 font12">≈69162.80CNY</p>
                                    </td>
                                    <td class="text-center ">
                                        <button type="button" class="mui-btn btn-green">+2.94%</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center p_t10">
                                        <div class="line20">
                                            <span class="bold font13">BTC<span
                                                    class="normal font13 dark">/USDT</span></span>
                                        </div>
                                        <p class="dark line20 font12">24H 量/21991.359</p>
                                    </td>
                                    <td class="text-center p_t10">
                                        <div class="line20">10171.00</div>
                                        <p class="dark line20 font12">≈69162.80CNY</p>
                                    </td>
                                    <td class="text-center ">
                                        <button type="button" class="mui-btn mui-btn-danger">-2.94%</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-center p_t10">
                                        <div class="line20">
                                            <span class="bold font13">BTC<span
                                                    class="normal font13 dark">/USDT</span></span>
                                        </div>
                                        <p class="dark line20 font12">24H 量/21991.359</p>
                                    </td>
                                    <td class="text-center p_t10">
                                        <div class="line20">10171.00</div>
                                        <p class="dark line20 font12">≈69162.80CNY</p>
                                    </td>
                                    <td class="text-center ">
                                        <button type="button" class="mui-btn mui-btn-danger">-2.94%</button>
                                    </td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <!--BTC-->
                <div id="item2" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <p class="no-data">暂无数据</p>
                        </div>
                    </div>
                </div>


                <!--ETH-->
                <div id="item3" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <p class="no-data">暂无数据</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
<div class="app-footer">
    <!-- 防止底部导航挡住内容的区块（勿删） -->
</div>
</body>
</html>
<script>

</script>